<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>
<%--
  Created by IntelliJ IDEA.
  User: Acer
  Date: 2021/1/8
  Time: 0:56
  To change this template use File | Settings | File Templates.
--%>

<%--<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>--%>
<%--<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html" %>--%>
<%--<%@ taglib uri="http://struts.apache.org/tags-logic" prefix="logic" %>--%>
<%--<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean" %>--%>
<%--<%@ taglib uri="http://struts.apache.org/tags-tiles" prefix="tiles" %>--%>

<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <%--    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">--%>
    <%--    <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>--%>
    <%--    <script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>--%>
    <%--    <script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>--%>
    <%--    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>--%>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/webjars/bootstrap/4.5.3/css/bootstrap.min.css">
    <script src="${pageContext.request.contextPath}/webjars/jquery/3.5.1/jquery.min.js"></script>
    <script src="${pageContext.request.contextPath}/webjars/popper.js/1.16.0/popper.min.js"></script>
    <script src="${pageContext.request.contextPath}/webjars/bootstrap/4.5.3/js/bootstrap.min.js"></script>
    <script src="${pageContext.request.contextPath}/webjars/vue/2.6.11/vue.min.js"></script>
    <title>Title</title>
</head>
<body>
<div class="container mt-3">
    <div class="row">
        <a class="btn btn-primary ml-1" target="iframe" href="${pageContext.request.contextPath}/book/list">books</a>
        <a class="btn btn-primary ml-1" target="iframe" href="http://www.baidu.com">baidu</a>
    </div>

    <div class="row mt-3">
        <iframe id="iframe" name="iframe" class="w-100" height="400px"></iframe>
    </div>

    <div class="row">
        <spring:message code="i18n.username"/>
    </div>
</div>




<%--<div class="container" id="app01">--%>
<%--    <p>{{ message }}</p>--%>
<%--</div>--%>

<%--<script>--%>
<%--    let app01 = new Vue({--%>
<%--        el: "#app01",--%>
<%--        data: {--%>
<%--            message: 'hello alex'--%>
<%--        }--%>
<%--    })--%>
<%--</script>--%>

<%--<div class="container" id="app02">--%>
<%--    <ul>--%>
<%--        <li v-for="book in books">--%>
<%--            {{ book.bookName }}--%>
<%--        </li>--%>
<%--    </ul>--%>
<%--</div>--%>

<%--<script>--%>
<%--    let app01 = new Vue({--%>
<%--        el: "#app02",--%>
<%--        data: {--%>
<%--            message: "hello",--%>
<%--            books: getBooks()--%>
<%--        },--%>
<%--        methods: {--%>
<%--            getBooks: function () {--%>
<%--                $.get("${pageContext.request.contextPath}/api/book/list", function (data) {--%>
<%--                    this.books = data--%>
<%--                })--%>
<%--            }--%>
<%--        }--%>
<%--    })--%>
<%--</script>--%>

</body>
</html>
